﻿@namespace iMemberUI

<div class="apple-pageView @Class" style="@Style">
    <header class="apple-pageView-header">
        <header class="apple-pageView-title">
            <i class="apple-pageView-light" style="background-color: #fd6458;"></i>
            <i class="apple-pageView-light" style="background-color: #ffbf2b; margin-left: 8px;"></i>
            <i class="apple-pageView-light" style="background-color: #24cc3d; margin-left: 8px;"></i>
            <div style="margin-left: 8px;">
                @if (string.IsNullOrEmpty(Title))
                {
                    @TitleTemplate
                }
                else
                {
                    @Title
                }
            </div>
        </header>
        <div style="align-content: center;margin-right: 5px">
            @Extra
        </div>
    </header>
    <div class="apple-pageView-context @ContextClass" style="@ContextStyle">
        @ChildContent
    </div>
</div>

@code {
    [Parameter] public RenderFragment? Extra { get; set; }

    [Parameter] public RenderFragment? ChildContent { get; set; }

    [Parameter] public string? Title { get; set; }
    [Parameter] public RenderFragment? TitleTemplate { get; set; }
    [Parameter] public string? Class { get; set; }

    [Parameter] public string? Style { get; set; }

    [Parameter] public string? ContextClass { get; set; }

    [Parameter] public string? ContextStyle { get; set; }
}